<template>
	<!-- 状态栏 -->
	<view class="status" :class="sytle[typeColor]" ></view>
</template>

<script>
	export default{
		data(){
			return{
				sytle:['','on','on1','on2']
			}
		},
		props:{
			typeColor:{
				type:Number,
				default:1
			}
		},
		onLoad() {
			//console.log(222)
			// //console.log(this.backColor)
		}
	}
</script>

<style lang="scss">
	.status {
		width: 100%;
		position: fixed;
		left: 0;
		z-index: 10;
		background-color: #fff;
		&.on{
			background-color: #2B74FE;
		}
		&.on1{
			background-color:#f54543;
		}
		top: 0;
		height: 0;
		/*  #ifdef  MP-WEIXIN  */
		height: var(--status-bar-height); //覆盖样式
		/*  #endif  */
	}
</style>
